<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.json.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="id01" style="background:green;height:20px;width:100%;">div 1</div>
		<p id="id02">p 1</p>
		<div class="class01">
			div 2
			<p>p 2</p>
			<span></span>
			<p>p 3</p>
			<p>p 4</p>
		</div>
		<div class="class01">div 3</div>
		<div class="class01" myAttr="a11">div 4</div>
		<div class="class01" myAttr="a22">
			div 5
			<span>
				<p>p 5</p>
			</span>
			<span>
				<p>p 6</p>
			</span>
		</div>
		<div class="class02" myAttr="a33">div 6</div>
		<div class="class02">div 7</div>
		<div class="class02" style="height: 20px;background: yellow;display: none;">div 8</div>
		<h2>222222</h2>
		<h3>333333</h3>
		
		<form action="">
			<input type="text" />
			<input type="password" />
			<input type="radio" value="rad"/>
			<input type="checkbox" value="chk"/>
			<input type="submit" />
			<input type="reset" />
			<input type="button" value="bbbb"/>
			<button type="button">aaaa</button>
			<input type="image" />
			<input type="file" />
			<input type="text" disabled="disabled" />
			<input type="hidden" />
			<select name="" id="">
				<option value="111">beijing</option>
				<option value="222">tianjin</option>
				<option value="333">shenzhen</option>
			</select>
			<button>f1</button>
			<button>f2</button>
		</form>
		
		<button id="theB" type="button">change it</button>
		<script src="js/controller16-2.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
